<template>
  <div class="page flex-col">
    <div class="bd1 flex-col">
      <!-- <div class="outer1 flex-col"> -->
        <!-- <div class="layer1 flex-row">
          <span class="word1">9:20</span>
          <div class="main1 flex-col"></div>
          <div class="main2 flex-col"></div>
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf3c0ad5515b1d52f726d576a49f077abc85b694a03c0c6ea1a9ca340ee019d03"
          />
        </div>
        <div class="layer2 flex-row">
          <div class="bd2 flex-col"><div class="bd3 flex-col"></div></div>
          <span class="txt1">工单详情</span>
          <img
            class="label1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng158bb0c10a1e4517bbc2f34271e2052c29918ed0632d90e369bf2a6712e5494b"
          />
        </div> -->
      <!-- </div> -->
      <div class="outer2 flex-col">
        <div class="group1 flex-col">
          <div class="block1 flex-row">
            <span class="word2">Z202007161426430005405</span>
            <div class="layer3 flex-col"></div>
            <span class="txt2">复制</span>
          </div>
          <div class="block2 flex-row">
            <div class="mod1 flex-col">
              <div class="main3 flex-row">
                <span class="info1">续期问题件</span>
                <div class="main4 flex-col"></div>
                <span class="txt3">实收回退</span>
              </div>
            </div>
          </div>
          <div class="block3 flex-col">
            <img
              class="img1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0085df8165b0f4832d7617426aa9ea97a5dd1109ca417bb181bd12e9aeb8bea4"
            />
          </div>
        </div>
        <div class="group2 flex-col">
          <div class="layer4 flex-col">
            <div class="box1 flex-col">
              <div class="bd4 flex-col">
                <div class="wrap1 flex-row">
                  <div class="mod2 flex-col"></div>
                  <span class="info2">工单信息</span>
                  <span class="txt4">查看全部</span>
                </div>
              </div>
              <div class="bd5 flex-col">
                <span class="word3">工单内容：</span>
                <div class="group3">
                  <span class="txt5">工单内容：</span>
                  <span class="word4">
                    客户0633878105来电（续期账号中已有足够金额，但我司系统显示账户余额不足且一…
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="layer5 flex-col"></div>
        </div>
      </div>
      <div class="outer3 flex-col">
        <div class="wrap2 flex-col">
          <div class="wrap3 flex-col">
            <div class="layer6 flex-row">
              <div class="outer4 flex-col"></div>
              <span class="info3">相关保单</span>
            </div>
          </div>
          <div class="wrap4 flex-col">
            <div class="bd6 flex-row">
              <div class="outer5 flex-col">
                <span class="word5">上官浩然</span>
                <div class="section1 flex-row">
                  <span class="word6">保单号</span>
                  <span class="word7">1234567891234567</span>
                </div>
              </div>
              <img
                class="icon2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf81580c509dc52aeb2599bb58bc4c66de50093105864ac6990b9e10b95aaff3d"
              />
            </div>
          </div>
          <div class="wrap5 flex-col"><div class="group4 flex-col"></div></div>
          <div class="wrap6 flex-col">
            <div class="bd7 flex-row">
              <div class="section2 flex-col">
                <span class="txt6">上官浩然</span>
                <div class="layer7 flex-row">
                  <span class="word8">保单号</span>
                  <span class="word9">1234567891234567</span>
                </div>
              </div>
              <img
                class="icon3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf81580c509dc52aeb2599bb58bc4c66de50093105864ac6990b9e10b95aaff3d"
              />
            </div>
          </div>
          <div class="wrap7 flex-col"><div class="box2 flex-col"></div></div>
          <div class="wrap8 flex-col">
            <div class="outer6 flex-row">
              <div class="outer7 flex-col">
                <span class="txt7">上官浩然</span>
                <div class="outer8 flex-row">
                  <span class="info4">保单号</span>
                  <span class="word10">1234567891234567</span>
                </div>
              </div>
              <img
                class="icon4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf81580c509dc52aeb2599bb58bc4c66de50093105864ac6990b9e10b95aaff3d"
              />
            </div>
          </div>
          <div class="wrap9 flex-col"></div>
          <div class="wrap10 flex-col">
            <div class="section3 flex-row">
              <span class="word11">收起</span>
              <img
                class="label2"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb038f5021ff10987583b340e127f4ee15494f2dc5a9ee6433f87af9b0a49c33a"
              />
            </div>
          </div>
        </div>
        <div class="wrap11 flex-col"></div>
      </div>
      <div class="outer9 flex-col">
        <div class="main5 flex-col">
          <div class="main6 flex-col"><span class="txt8">处理记录</span></div>
          <div class="main7 flex-row">
            <div class="block4 flex-col"></div>
            <div class="block5 flex-col">
              <div class="section4 flex-col">
                <div class="mod3 flex-row">
                  <span class="word12">记录人</span>
                  <span class="info5">王红</span>
                </div>
              </div>
              <div class="section5 flex-col">
                <div class="mod4 flex-row">
                  <span class="word13">记录时间</span>
                  <span class="word14">2020.07.12&nbsp;&nbsp;16:39</span>
                </div>
              </div>
              <div class="section6 flex-col">
                <div class="section7 flex-row">
                  <span class="word15">记录内容</span>
                  <span class="infoBox1">
                    客户再次来电办理保单复效，请尽快
                    <br />
                    协助处理，客户再次来电办理保单复效，请尽快协助处理
                  </span>
                </div>
              </div>
              <div class="section8 flex-col">
                <div class="group5 flex-row">
                  <span class="info6">附件信息</span>
                  <div class="group6 flex-col">
                    <img
                      class="label3"
                      referrerpolicy="no-referrer"
                      src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8b8be008538c7f484701a89f3a82e42504456371388adc784556b216e85d7bc2"
                    />
                    <span class="info7">工单附件20200818163939.PNG</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="main8 flex-row">
            <div class="group7 flex-col">
              <img
                class="label4"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng763e17f0404e80d9b80994bfc418eb03ad7343d9b0f625469b37541ac9ffd36d"
              />
              <div class="main9 flex-col"></div>
            </div>
            <div class="group8 flex-col">
              <div class="section9 flex-col">
                <div class="box3 flex-row">
                  <span class="word16">记录人</span>
                  <span class="info8">王红</span>
                </div>
              </div>
              <div class="section10 flex-col">
                <div class="outer10 flex-row">
                  <span class="word17">记录时间</span>
                  <span class="info9">2020.07.12&nbsp;&nbsp;16:39</span>
                </div>
              </div>
              <div class="section11 flex-col">
                <div class="group9 flex-row">
                  <span class="info10">记录内容</span>
                  <span class="infoBox2">
                    客户再次来电办理保单复效，请尽快
                    <br />
                    协助处理，客户再次来电办理保单复效，请尽快协助处理
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="main10 flex-col"></div>
          <div class="main11 flex-col">
            <div class="bd8 flex-row">
              <span class="word18">收起</span>
              <img
                class="label5"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb038f5021ff10987583b340e127f4ee15494f2dc5a9ee6433f87af9b0a49c33a"
              />
            </div>
          </div>
          <div class="main12 flex-col"></div>
        </div>
        <img
          class="label6"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0519702a55f13f99b8385b23b2cfb98ae7048475d78a48b98670ed99833f1110"
        />
        <div class="main13 flex-col"></div>
        <div class="main14 flex-col"></div>
      </div>
      <div class="outer11 flex-col">
        <div class="section12 flex-row">
          <div
            class="bd9-0 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <div class="mod5-0 flex-col">
              <span class="word19-0" v-html="item.lanhutext0"></span>
              <div
                class="bd10-0 flex-col"
                :style="{ background: item.lanhuBg2 }"
              ></div>
            </div>
          </div>
        </div>
      </div>
      <div class="outer12 flex-col">
        <div class="mod6 flex-col">
          <div class="mod7 flex-col">
            <div class="layer8 flex-col"></div>
            <div class="layer9 flex-row">
              <div class="outer13 flex-col">
                <span class="word20">变更处理人</span>
              </div>
              <div class="outer14 flex-col">
                <span class="txt9">持续跟进</span>
              </div>
              <button class="outer15 flex-col" @click="onClick_1">
                <span class="word21">处理完成</span>
              </button>
            </div>
          </div>
        </div>
        <div class="mod8 flex-col"><span class="word22">处理时间</span></div>
        <div class="mod9 flex-col"></div>
        <div class="mod10 flex-col">
          <div class="section13 flex-col">
            <div class="layer10 flex-col">
              <div class="section14 flex-row">
                <div class="group10 flex-col">
                  <span class="word23">状态</span>
                </div>
                <div class="group11 flex-col">
                  <span class="txt10">节点名称</span>
                </div>
                <div class="group12 flex-col">
                  <span class="txt11">处理人</span>
                </div>
                <div class="group13 flex-col">
                  <span class="word24">流入时间</span>
                </div>
              </div>
            </div>
            <div class="layer11 flex-col">
              <button class="block6 flex-col" @click="onClick_2">
                <span class="info11">已提交</span>
              </button>
              <div class="block7 flex-col">
                <span class="word25">机构咨询岗</span>
              </div>
              <div class="block8 flex-col">
                <span class="info12">系统自动化审核</span>
              </div>
              <div class="block9 flex-col">
                <span class="paragraph1">
                  2020.09.01
                  <br />
                  14:07:00
                </span>
              </div>
              <div class="block10 flex-col"></div>
              <span class="paragraph2">
                2020.09.02
                <br />
                14:07:00
              </span>
              <div class="block11 flex-col"></div>
              <div class="block12 flex-col">
                <span class="word26">工单审核岗</span>
              </div>
              <div class="block13 flex-col">
                <span class="info13">系统自动化审核</span>
              </div>
              <div class="block14 flex-col">
                <span class="paragraph3">
                  2020.08.26
                  <br />
                  14:07:00
                </span>
              </div>
              <div class="block15 flex-col"></div>
              <span class="infoBox3">
                2020.09.02
                <br />
                14:07:00
              </span>
              <div class="block16 flex-col"></div>
              <div class="block17 flex-col">
                <span class="word27">工单转办岗</span>
              </div>
              <div class="block18 flex-col">
                <span class="info14">系统自动化审核</span>
              </div>
              <div class="block19 flex-col">
                <span class="infoBox4">
                  2020.08.21
                  <br />
                  14:07:00
                </span>
              </div>
              <div class="block20 flex-col"></div>
              <span class="infoBox5">
                2020.09.02
                <br />
                14:07:00
              </span>
              <div class="block21 flex-col"></div>
              <div class="block22 flex-col">
                <div class="section15 flex-col">
                  <button class="box4 flex-col" @click="onClick_3">
                    <span class="info15">已提交</span>
                  </button>
                  <div class="box5 flex-col">
                    <span class="word28">已退回</span>
                  </div>
                  <div class="box6 flex-col">
                    <span class="info16">处理中</span>
                  </div>
                  <button class="box7 flex-col" @click="onClick_4">
                    <span class="word29">已提交</span>
                  </button>
                </div>
              </div>
              <div class="block23 flex-col"></div>
              <div class="block24 flex-col">
                <span class="txt12">机构咨询岗</span>
              </div>
              <div class="block25 flex-col">
                <span class="word30">系统自动化审核</span>
              </div>
              <div class="block26 flex-col">
                <span class="infoBox6">
                  2020.08.18
                  <br />
                  14:07:00
                </span>
              </div>
              <div class="block27 flex-col"></div>
              <span class="infoBox7">
                2020.09.02
                <br />
                14:07:00
              </span>
              <div class="block28 flex-col"></div>
              <div class="block29 flex-col">
                <span class="info17">机构咨询岗</span>
              </div>
              <div class="block30 flex-col">
                <span class="word31">系统自动化审核</span>
              </div>
              <div class="block31 flex-col">
                <span class="paragraph4">
                  2020.08.18
                  <br />
                  14:07:00
                </span>
              </div>
              <div class="block32 flex-col"></div>
              <span class="paragraph5">
                2020.09.02
                <br />
                14:07:00
              </span>
              <div class="block33 flex-col"></div>
              <div class="block34 flex-col"></div>
              <div class="block35 flex-col"></div>
              <div class="block36 flex-col"></div>
              <div class="block37 flex-col"></div>
              <div class="block38 flex-col"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bd11 flex-col"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        { lanhutext0: '流转记录', lanhuBg2: 'rgba(243,60,42,1)' },
        {
          lanhutext0: '转办记录',
          lanhuBg2:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnged3044aeabbdad96b8e88e0a2da31d54790f28e0c532edbe53aa8e8d56178bff) 0px 0px no-repeat'
        }
      ],
      constants: {}
    };
  },
  methods: {
    onClick_1() {
      alert(1);
    },
    onClick_2() {
      alert(1);
    },
    onClick_3() {
      alert(1);
    },
    onClick_4() {
      alert(1);
    }
  }
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2896px;
  background-color: rgba(247, 246, 248, 1);
  overflow: hidden;
  .bd1 {
    z-index: auto;
    width: 750px;
    height: 2896px;
    .outer1 {
      z-index: 305;
      height: 128px;
      background-color: rgba(239, 239, 239, 1);
      width: 750px;
      .layer1 {
        z-index: auto;
        width: 679px;
        height: 42px;
        margin: 12px 0 0 42px;
        .word1 {
          z-index: 320;
          width: 108px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 30px;
          letter-spacing: -0.6000000238418579px;
          font-family: PingFangSC-Semibold;
          line-height: 42px;
          text-align: left;
        }
        .main1 {
          z-index: 314;
          width: 34px;
          height: 22px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb2768bec9285e8326523af475c843d8f21f0501dcdf9ae1d41d95e8bca968954)
            0px 0px no-repeat;
          margin: 8px 0 0 438px;
        }
        .main2 {
          z-index: 310;
          width: 31px;
          height: 22px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4c0fec7228ecde51c8bbe8dc97513161937a4fa49c74e9c9d0eeaf5c29a3effc)
            0px -1px no-repeat;
          margin: 7px 0 0 10px;
        }
        .icon1 {
          z-index: 306;
          width: 49px;
          height: 24px;
          margin: 6px 0 0 9px;
        }
      }
      .layer2 {
        z-index: auto;
        width: 690px;
        height: 50px;
        margin: 12px 0 0 20px;
        .bd2 {
          z-index: 327;
          height: 45px;
          background-color: rgba(237, 237, 237, 1);
          margin-top: 5px;
          width: 64px;
          justify-content: flex-start;
          align-items: flex-end;
          padding: 1px 20px 0 0;
          .bd3 {
            z-index: 328;
            width: 17px;
            height: 31px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbef8f09c0ad7a2b4f03e89875f97ed94376d4df0aa68914ec1f1a5f499f170b4)
              100% no-repeat;
          }
        }
        .txt1 {
          z-index: 322;
          width: 128px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(0, 0, 0, 1);
          font-size: 32px;
          font-family: PingFangSC-Medium;
          line-height: 45px;
          text-align: center;
          margin-left: 227px;
        }
        .label1 {
          z-index: 323;
          width: 34px;
          height: 8px;
          margin: 20px 0 0 237px;
        }
      }
    }
    .outer2 {
      z-index: 263;
      height: 382px;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge77d28652a38c9e764929c8e91b38a6d326131224497b69d799ccba29db2dbcd)
        100% no-repeat;
      width: 750px;
      justify-content: flex-start;
      position: relative;
      .group1 {
        z-index: 266;
        height: 315px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdd426cb8464303c4afb49f8fc23fb108d3acd0e75b572b340ed5ed2549e4e590)
          100% no-repeat;
        width: 750px;
        position: relative;
        .block1 {
          z-index: auto;
          width: 545px;
          height: 48px;
          justify-content: space-between;
          margin: 30px 0 0 30px;
          .word2 {
            z-index: 275;
            width: 460px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 34px;
            font-family: Helvetica;
            line-height: 41px;
            text-align: left;
          }
          .layer3 {
            z-index: 277;
            width: 1px;
            height: 21px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6102a8c6d9ebe6202b02cd4e7b75aa8f5babf09909c593830a80e3a8a7ef5e84)
              100% no-repeat;
            margin-top: 15px;
          }
          .txt2 {
            z-index: 276;
            width: 48px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(45, 116, 243, 1);
            font-size: 24px;
            line-height: 33px;
            text-align: center;
            margin-top: 7px;
          }
        }
        .block2 {
          z-index: auto;
          width: 492px;
          height: 38px;
          margin: 6px 0 0 30px;
          .mod1 {
            z-index: 279;
            height: 38px;
            background-color: rgba(216, 216, 216, 0);
            width: 492px;
            align-items: flex-start;
            .main3 {
              z-index: auto;
              width: 263px;
              height: 38px;
              justify-content: space-between;
              .info1 {
                z-index: 282;
                width: 130px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .main4 {
                z-index: 285;
                width: 5px;
                height: 5px;
                background-color: rgba(114, 125, 139, 1);
                border-radius: 50%;
                margin-top: 17px;
              }
              .txt3 {
                z-index: 284;
                width: 108px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
            }
          }
        }
        .block3 {
          z-index: 269;
          height: 315px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd1faff2012c769bbc454d61216abe3709dc01482ea9a996f841eb9dc90270478)
            100% no-repeat;
          width: 750px;
          position: absolute;
          left: 0;
          top: 0;
          .img1 {
            z-index: 270;
            width: 750px;
            height: 315px;
          }
        }
      }
      .group2 {
        z-index: 272;
        height: 220px;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1559e775f80aae59fc8009a31e0bb587c82447c3753009e5af6ad9f0e2ba27d2)
          100% no-repeat;
        width: 750px;
        align-items: center;
        position: absolute;
        left: 0;
        top: 142px;
        .layer4 {
          z-index: 289;
          height: 220px;
          border-radius: 10px;
          background-color: rgba(255, 255, 255, 1);
          box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
          width: 690px;
          justify-content: flex-start;
          padding-top: 10px;
          .box1 {
            z-index: auto;
            width: 690px;
            height: 180px;
            .bd4 {
              z-index: 291;
              height: 70px;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              .wrap1 {
                z-index: auto;
                width: 660px;
                height: 48px;
                .mod2 {
                  z-index: 295;
                  width: 10px;
                  height: 32px;
                  border-radius: 5px 0 5px 0;
                  background-color: rgba(243, 60, 42, 1);
                  margin-top: 8px;
                }
                .info2 {
                  z-index: 293;
                  width: 136px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 34px;
                  font-family: PingFangSC-Medium;
                  line-height: 48px;
                  text-align: left;
                  margin-left: 20px;
                }
                .txt4 {
                  z-index: 294;
                  width: 96px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(45, 116, 243, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: right;
                  margin: 7px 0 0 398px;
                }
              }
            }
            .bd5 {
              z-index: 297;
              height: 110px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngd71adb01e1eb50897ae62a8a23d17db6fd608f62395fac2a204808f4b219c15a)
                100% no-repeat;
              width: 690px;
              justify-content: flex-start;
              align-items: flex-start;
              position: relative;
              padding: 12px 0 0 30px;
              .word3 {
                z-index: 301;
                width: 140px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(62, 83, 108, 1);
                font-size: 28px;
                line-height: 44px;
                text-align: left;
              }
              .group3 {
                z-index: 300;
                position: absolute;
                left: 30px;
                top: 13px;
                width: 630px;
                height: 84px;
                overflow-wrap: break-word;
                text-align: left;
                font-size: 0;
                .txt5 {
                  font-size: 28px;
                  color: rgba(62, 83, 108, 1);
                  line-height: 42px;
                }
                .word4 {
                  font-size: 28px;
                  color: rgba(22, 38, 65, 1);
                  line-height: 42px;
                }
              }
            }
          }
        }
        .layer5 {
          z-index: 299;
          position: absolute;
          left: 30px;
          top: 190px;
          width: 690px;
          height: 30px;
        }
      }
    }
    .outer3 {
      z-index: 332;
      height: 602px;
      border-radius: 10px;
      background-color: rgba(255, 255, 255, 1);
      box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.06);
      align-self: center;
      width: 690px;
      justify-content: flex-start;
      padding-top: 10px;
      position: relative;
      .wrap2 {
        z-index: auto;
        width: 690px;
        height: 562px;
        .wrap3 {
          z-index: 371;
          height: 70px;
          width: 690px;
          justify-content: center;
          align-items: flex-start;
          .layer6 {
            z-index: auto;
            width: 166px;
            height: 48px;
            justify-content: space-between;
            .outer4 {
              z-index: 374;
              width: 10px;
              height: 32px;
              border-radius: 5px 0 5px 0;
              background-color: rgba(243, 60, 42, 1);
              margin-top: 8px;
            }
            .info3 {
              z-index: 373;
              width: 136px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 34px;
              font-family: PingFangSC-Medium;
              line-height: 48px;
              text-align: left;
            }
          }
        }
        .wrap4 {
          z-index: 334;
          height: 86px;
          background-color: rgba(255, 255, 255, 1);
          align-self: center;
          margin-top: 30px;
          width: 630px;
          .bd6 {
            z-index: auto;
            width: 630px;
            height: 86px;
            justify-content: space-between;
            .outer5 {
              z-index: auto;
              width: 560px;
              height: 86px;
              .word5 {
                z-index: 342;
                width: 560px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 46px;
                text-align: left;
              }
              .section1 {
                z-index: auto;
                width: 335px;
                height: 38px;
                margin-top: 2px;
                justify-content: space-between;
                .word6 {
                  z-index: 345;
                  width: 78px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word7 {
                  z-index: 344;
                  width: 237px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .icon2 {
              z-index: 336;
              width: 44px;
              height: 44px;
              margin-top: 21px;
            }
          }
        }
        .wrap5 {
          z-index: 339;
          height: 30px;
          background-color: rgba(255, 255, 255, 1);
          width: 690px;
          justify-content: flex-end;
          align-items: flex-end;
          .group4 {
            z-index: 341;
            width: 660px;
            height: 1px;
            border: 1px solid rgba(235, 235, 235, 1);
          }
        }
        .wrap6 {
          z-index: 347;
          height: 86px;
          background-color: rgba(255, 255, 255, 1);
          align-self: center;
          margin-top: 30px;
          width: 630px;
          .bd7 {
            z-index: auto;
            width: 630px;
            height: 86px;
            justify-content: space-between;
            .section2 {
              z-index: auto;
              width: 560px;
              height: 86px;
              .txt6 {
                z-index: 355;
                width: 560px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 46px;
                text-align: left;
              }
              .layer7 {
                z-index: auto;
                width: 335px;
                height: 38px;
                margin-top: 2px;
                justify-content: space-between;
                .word8 {
                  z-index: 358;
                  width: 78px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word9 {
                  z-index: 357;
                  width: 237px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .icon3 {
              z-index: 349;
              width: 44px;
              height: 44px;
              margin-top: 21px;
            }
          }
        }
        .wrap7 {
          z-index: 352;
          height: 30px;
          background-color: rgba(255, 255, 255, 1);
          width: 690px;
          justify-content: flex-end;
          align-items: flex-end;
          .box2 {
            z-index: 354;
            width: 660px;
            height: 1px;
            border: 1px solid rgba(235, 235, 235, 1);
          }
        }
        .wrap8 {
          z-index: 360;
          height: 86px;
          background-color: rgba(255, 255, 255, 1);
          align-self: center;
          margin-top: 30px;
          width: 630px;
          .outer6 {
            z-index: auto;
            width: 630px;
            height: 86px;
            justify-content: space-between;
            .outer7 {
              z-index: auto;
              width: 560px;
              height: 86px;
              .txt7 {
                z-index: 366;
                width: 560px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 30px;
                line-height: 46px;
                text-align: left;
              }
              .outer8 {
                z-index: auto;
                width: 335px;
                height: 38px;
                margin-top: 2px;
                justify-content: space-between;
                .info4 {
                  z-index: 369;
                  width: 78px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word10 {
                  z-index: 368;
                  width: 237px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .icon4 {
              z-index: 362;
              width: 44px;
              height: 44px;
              margin-top: 21px;
            }
          }
        }
        .wrap9 {
          z-index: 365;
          width: 690px;
          height: 30px;
          background-color: rgba(255, 255, 255, 1);
        }
        .wrap10 {
          z-index: 376;
          height: 44px;
          background-color: rgba(255, 255, 255, 0);
          margin-top: 10px;
          width: 690px;
          align-items: center;
          .section3 {
            z-index: auto;
            width: 96px;
            height: 44px;
            justify-content: space-between;
            .word11 {
              z-index: 385;
              width: 52px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(62, 83, 108, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: center;
              margin-top: 3px;
            }
            .label2 {
              z-index: 381;
              width: 44px;
              height: 44px;
            }
          }
        }
      }
      .wrap11 {
        z-index: 378;
        position: absolute;
        left: 0;
        top: 498px;
        width: 690px;
        height: 30px;
        background-color: rgba(255, 255, 255, 0);
      }
    }
    .outer9 {
      z-index: 173;
      height: 924px;
      background-color: rgba(255, 255, 255, 1);
      margin-top: 30px;
      width: 750px;
      justify-content: flex-end;
      position: relative;
      .main5 {
        z-index: auto;
        width: 750px;
        height: 904px;
        .main6 {
          z-index: 260;
          height: 70px;
          width: 750px;
          justify-content: center;
          align-items: flex-start;
          padding-left: 40px;
          .txt8 {
            z-index: 261;
            width: 136px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 34px;
            font-family: PingFangSC-Medium;
            line-height: 46px;
            text-align: left;
          }
        }
        .main7 {
          z-index: auto;
          width: 704px;
          height: 382px;
          justify-content: space-between;
          margin: 20px 0 0 46px;
          .block4 {
            z-index: 175;
            width: 1px;
            height: 349px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge4511f943ccaf54732ecfed2d61b839b6878a638c7d7ba095c81fa19d0f2366b)
              100% no-repeat;
            margin-top: 33px;
          }
          .block5 {
            z-index: auto;
            width: 690px;
            height: 352px;
            .section4 {
              z-index: 203;
              height: 66px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d1a8a8911dddefad14d41a6b2b4930fe29a5abdfed325ca58c28f29102b1be3)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .mod3 {
                z-index: auto;
                width: 640px;
                height: 38px;
                justify-content: space-between;
                .word12 {
                  z-index: 206;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
                .info5 {
                  z-index: 208;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .section5 {
              z-index: 182;
              height: 66px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d1a8a8911dddefad14d41a6b2b4930fe29a5abdfed325ca58c28f29102b1be3)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .mod4 {
                z-index: auto;
                width: 640px;
                height: 38px;
                justify-content: space-between;
                .word13 {
                  z-index: 185;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
                .word14 {
                  z-index: 187;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .section6 {
              z-index: 210;
              height: 154px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1383eeb213e655c75312fc8749d9b0a0ed29eb06e14c97322bd18d9b07ef4313)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .section7 {
                z-index: auto;
                width: 640px;
                height: 132px;
                justify-content: space-between;
                .word15 {
                  z-index: 213;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 3px;
                }
                .infoBox1 {
                  z-index: 215;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 44px;
                  text-align: left;
                }
              }
            }
            .section8 {
              z-index: 189;
              height: 66px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d1a8a8911dddefad14d41a6b2b4930fe29a5abdfed325ca58c28f29102b1be3)
                100% no-repeat;
              width: 690px;
              align-items: flex-start;
              padding-left: 10px;
              .group5 {
                z-index: auto;
                width: 640px;
                height: 66px;
                justify-content: space-between;
                .info6 {
                  z-index: 194;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 14px;
                }
                .group6 {
                  z-index: 191;
                  height: 66px;
                  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng56dc35a1196199e5d5ff8432753e833bd707f410b518c52f935b68d30db93777)
                    100% no-repeat;
                  width: 462px;
                  justify-content: center;
                  align-items: flex-start;
                  position: relative;
                  .label3 {
                    z-index: 197;
                    width: 44px;
                    height: 44px;
                  }
                  .info7 {
                    z-index: 196;
                    position: absolute;
                    left: 34px;
                    top: 14px;
                    width: 403px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(45, 116, 243, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                  }
                }
              }
            }
          }
        }
        .main8 {
          z-index: auto;
          width: 708px;
          height: 328px;
          margin-left: 42px;
          justify-content: space-between;
          .group7 {
            z-index: auto;
            width: 9px;
            height: 300px;
            margin-top: 28px;
            .label4 {
              z-index: 246;
              width: 9px;
              height: 9px;
            }
            .main9 {
              z-index: 219;
              width: 1px;
              height: 283px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng21de77d29f2313f938e9051562429db21553ce0fc747bc9ade48a72556cbeaff)
                100% no-repeat;
              align-self: center;
              margin-top: 8px;
            }
          }
          .group8 {
            z-index: auto;
            width: 690px;
            height: 286px;
            .section9 {
              z-index: 233;
              height: 66px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d1a8a8911dddefad14d41a6b2b4930fe29a5abdfed325ca58c28f29102b1be3)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .box3 {
                z-index: auto;
                width: 640px;
                height: 38px;
                justify-content: space-between;
                .word16 {
                  z-index: 236;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
                .info8 {
                  z-index: 238;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .section10 {
              z-index: 226;
              height: 66px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng4d1a8a8911dddefad14d41a6b2b4930fe29a5abdfed325ca58c28f29102b1be3)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .outer10 {
                z-index: auto;
                width: 640px;
                height: 38px;
                justify-content: space-between;
                .word17 {
                  z-index: 229;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
                .info9 {
                  z-index: 231;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                }
              }
            }
            .section11 {
              z-index: 240;
              height: 154px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1383eeb213e655c75312fc8749d9b0a0ed29eb06e14c97322bd18d9b07ef4313)
                100% no-repeat;
              width: 690px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 10px;
              .group9 {
                z-index: auto;
                width: 640px;
                height: 132px;
                justify-content: space-between;
                .info10 {
                  z-index: 243;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 3px;
                }
                .infoBox2 {
                  z-index: 245;
                  width: 462px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 28px;
                  line-height: 44px;
                  text-align: left;
                }
              }
            }
          }
        }
        .main10 {
          z-index: 251;
          width: 750px;
          height: 30px;
          background-color: rgba(255, 255, 255, 1);
        }
        .main11 {
          z-index: 249;
          height: 44px;
          background-color: rgba(255, 255, 255, 1);
          width: 750px;
          align-items: center;
          .bd8 {
            z-index: auto;
            width: 96px;
            height: 44px;
            justify-content: space-between;
            .word18 {
              z-index: 258;
              width: 52px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(62, 83, 108, 1);
              font-size: 26px;
              line-height: 38px;
              text-align: center;
              margin-top: 3px;
            }
            .label5 {
              z-index: 254;
              width: 44px;
              height: 44px;
            }
          }
        }
        .main12 {
          z-index: 250;
          width: 750px;
          height: 30px;
          background-color: rgba(255, 255, 255, 1);
        }
      }
      .label6 {
        z-index: 216;
        position: absolute;
        left: 39px;
        top: 135px;
        width: 15px;
        height: 15px;
      }
      .main13 {
        z-index: 178;
        position: absolute;
        left: 0;
        top: 462px;
        width: 750px;
        height: 30px;
      }
      .main14 {
        z-index: 222;
        position: absolute;
        left: 0;
        top: 778px;
        width: 750px;
        height: 30px;
      }
    }
    .outer11 {
      z-index: 4;
      height: 124px;
      background-color: rgba(255, 255, 255, 1);
      margin-top: 20px;
      width: 750px;
      justify-content: flex-start;
      padding-top: 10px;
      .section12 {
        z-index: auto;
        width: 750px;
        height: 93px;
        justify-content: space-between;
        .bd9-0 {
          z-index: 7;
          height: 94px;
          width: 375px;
          justify-content: flex-end;
          .mod5-0 {
            z-index: auto;
            width: 375px;
            height: 75px;
            .word19-0 {
              z-index: 9;
              width: 375px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 34px;
              font-family: PingFangSC-Semibold;
              line-height: 48px;
              text-align: center;
            }
            .bd10-0 {
              z-index: 8;
              width: 60px;
              height: 8px;
              border-radius: 4px;
              align-self: center;
              margin-top: 19px;
            }
          }
        }
      }
    }
    .outer12 {
      z-index: 16;
      height: 686px;
      overflow: hidden;
      background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng31f745826ad96162f997e34a2c9103e552a3a64cc2d9042581a7f07ff0c83113)
        100% no-repeat;
      width: 750px;
      justify-content: flex-end;
      position: relative;
      .mod6 {
        z-index: 158;
        height: 120px;
        background-color: rgba(255, 255, 255, 1);
        width: 750px;
        justify-content: flex-start;
        .mod7 {
          z-index: auto;
          width: 750px;
          height: 100px;
          .layer8 {
            z-index: 171;
            width: 750px;
            height: 1px;
            background-color: rgba(240, 240, 240, 1);
          }
          .layer9 {
            z-index: auto;
            width: 670px;
            height: 80px;
            justify-content: space-between;
            margin: 19px 0 0 40px;
            .outer13 {
              z-index: 169;
              height: 80px;
              border-radius: 10px;
              border: 1px solid rgba(243, 60, 42, 1);
              background-color: rgba(255, 255, 255, 1);
              width: 210px;
              justify-content: center;
              .word20 {
                z-index: 170;
                width: 210px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(243, 60, 42, 1);
                font-size: 30px;
                line-height: 32px;
                text-align: center;
              }
            }
            .outer14 {
              z-index: 166;
              height: 80px;
              border-radius: 10px;
              border: 1px solid rgba(243, 60, 42, 1);
              background-color: rgba(255, 255, 255, 1);
              width: 210px;
              justify-content: center;
              .txt9 {
                z-index: 167;
                width: 210px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(243, 60, 42, 1);
                font-size: 30px;
                line-height: 32px;
                text-align: center;
              }
            }
            .outer15 {
              z-index: 163;
              height: 80px;
              border-radius: 10px;
              background-color: rgba(243, 60, 42, 1);
              width: 210px;
              justify-content: center;
              .word21 {
                z-index: 164;
                width: 210px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 30px;
                line-height: 32px;
                text-align: center;
              }
            }
          }
        }
      }
      .mod8 {
        z-index: 153;
        height: 72px;
        width: 168px;
        justify-content: center;
        position: absolute;
        left: 688px;
        top: 0;
        .word22 {
          z-index: 154;
          width: 168px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(114, 125, 139, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
        }
      }
      .mod9 {
        z-index: 156;
        position: absolute;
        left: 0;
        top: 71px;
        width: 750px;
        height: 1px;
        border: 1px solid rgba(235, 235, 235, 1);
      }
      .mod10 {
        z-index: 18;
        height: 686px;
        background-color: rgba(255, 255, 255, 1);
        width: 750px;
        position: absolute;
        left: 0;
        top: 0;
        .section13 {
          z-index: auto;
          width: 750px;
          height: 686px;
          .layer10 {
            z-index: 139;
            height: 72px;
            background-color: rgba(255, 255, 255, 1);
            align-self: flex-end;
            width: 710px;
            align-items: flex-start;
            .section14 {
              z-index: auto;
              width: 648px;
              height: 72px;
              justify-content: space-between;
              .group10 {
                z-index: 141;
                height: 72px;
                width: 112px;
                justify-content: center;
                align-items: flex-start;
                .word23 {
                  z-index: 142;
                  width: 72px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: left;
                }
              }
              .group11 {
                z-index: 144;
                height: 72px;
                width: 160px;
                justify-content: center;
                align-items: flex-start;
                padding-left: 27px;
                .txt10 {
                  z-index: 145;
                  width: 96px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: center;
                }
              }
              .group12 {
                z-index: 147;
                height: 72px;
                width: 208px;
                justify-content: center;
                .txt11 {
                  z-index: 148;
                  width: 208px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: center;
                }
              }
              .group13 {
                z-index: 150;
                height: 72px;
                width: 168px;
                justify-content: center;
                .word24 {
                  z-index: 151;
                  width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 24px;
                  line-height: 33px;
                  text-align: center;
                }
              }
            }
          }
          .layer11 {
            z-index: 22;
            position: relative;
            width: 750px;
            height: 614px;
            overflow: hidden;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng80f68caa89a5391586d254052524500d183a8ffc37b80b2aade706a57cea4f48)
              100% no-repeat;
            .block6 {
              z-index: 29;
              height: 118px;
              width: 92px;
              justify-content: center;
              align-items: flex-start;
              position: absolute;
              left: 40px;
              top: 0;
              .info11 {
                z-index: 30;
                width: 72px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: left;
              }
            }
            .block7 {
              z-index: 46;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 160px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 152px;
              top: 0;
              .word25 {
                z-index: 47;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block8 {
              z-index: 49;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 208px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 312px;
              top: 0;
              .info12 {
                z-index: 50;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block9 {
              z-index: 52;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 168px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 520px;
              top: 0;
              .paragraph1 {
                z-index: 53;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
              }
            }
            .block10 {
              z-index: 55;
              position: absolute;
              left: 688px;
              top: 0;
              width: 62px;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
            }
            .paragraph2 {
              z-index: 56;
              position: absolute;
              left: 708px;
              top: 25px;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
            }
            .block11 {
              z-index: 58;
              position: absolute;
              left: 40px;
              top: 118px;
              width: 710px;
              height: 1px;
              border: 1px solid rgba(235, 235, 235, 1);
            }
            .block12 {
              z-index: 61;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 160px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 152px;
              top: 119px;
              .word26 {
                z-index: 62;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block13 {
              z-index: 64;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 208px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 312px;
              top: 119px;
              .info13 {
                z-index: 65;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block14 {
              z-index: 67;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 168px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 520px;
              top: 119px;
              .paragraph3 {
                z-index: 68;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
              }
            }
            .block15 {
              z-index: 70;
              position: absolute;
              left: 688px;
              top: 119px;
              width: 62px;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
            }
            .infoBox3 {
              z-index: 71;
              position: absolute;
              left: 708px;
              top: 144px;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
            }
            .block16 {
              z-index: 73;
              position: absolute;
              left: 40px;
              top: 237px;
              width: 710px;
              height: 1px;
              border: 1px solid rgba(235, 235, 235, 1);
            }
            .block17 {
              z-index: 76;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 160px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 152px;
              top: 238px;
              .word27 {
                z-index: 77;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block18 {
              z-index: 79;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 208px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 312px;
              top: 238px;
              .info14 {
                z-index: 80;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block19 {
              z-index: 82;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 168px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 520px;
              top: 238px;
              .infoBox4 {
                z-index: 83;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
              }
            }
            .block20 {
              z-index: 85;
              position: absolute;
              left: 688px;
              top: 238px;
              width: 62px;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
            }
            .infoBox5 {
              z-index: 86;
              position: absolute;
              left: 708px;
              top: 263px;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
            }
            .block21 {
              z-index: 135;
              position: absolute;
              left: 0;
              top: 0;
              width: 40px;
              height: 614px;
              background-color: rgba(255, 255, 255, 1);
            }
            .block22 {
              z-index: 26;
              height: 549px;
              background-color: rgba(255, 255, 255, 1);
              width: 92px;
              justify-content: flex-end;
              padding-bottom: 1px;
              position: absolute;
              left: 40px;
              top: 46px;
              .section15 {
                z-index: auto;
                width: 92px;
                height: 475px;
                .box4 {
                  z-index: 32;
                  height: 118px;
                  background-color: rgba(255, 255, 255, 1);
                  width: 92px;
                  justify-content: center;
                  align-items: flex-start;
                  .info15 {
                    z-index: 33;
                    width: 72px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(22, 38, 65, 1);
                    font-size: 24px;
                    line-height: 38px;
                    text-align: left;
                  }
                }
                .box5 {
                  z-index: 35;
                  height: 118px;
                  background-color: rgba(255, 255, 255, 1);
                  margin-top: 1px;
                  width: 92px;
                  justify-content: center;
                  align-items: flex-start;
                  .word28 {
                    z-index: 36;
                    width: 72px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(22, 38, 65, 1);
                    font-size: 24px;
                    line-height: 38px;
                    text-align: left;
                  }
                }
                .box6 {
                  z-index: 38;
                  height: 118px;
                  background-color: rgba(255, 255, 255, 1);
                  margin-top: 1px;
                  width: 92px;
                  justify-content: center;
                  align-items: flex-start;
                  .info16 {
                    z-index: 39;
                    width: 72px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(22, 38, 65, 1);
                    font-size: 24px;
                    line-height: 38px;
                    text-align: left;
                  }
                }
                .box7 {
                  z-index: 41;
                  height: 118px;
                  background-color: rgba(255, 255, 255, 1);
                  margin-top: 1px;
                  width: 92px;
                  justify-content: center;
                  align-items: flex-start;
                  .word29 {
                    z-index: 42;
                    width: 72px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(22, 38, 65, 1);
                    font-size: 24px;
                    line-height: 38px;
                    text-align: left;
                  }
                }
              }
            }
            .block23 {
              z-index: 88;
              position: absolute;
              left: 40px;
              top: 356px;
              width: 710px;
              height: 1px;
              border: 1px solid rgba(235, 235, 235, 1);
            }
            .block24 {
              z-index: 91;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 160px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 152px;
              top: 357px;
              .txt12 {
                z-index: 92;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block25 {
              z-index: 94;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 208px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 312px;
              top: 357px;
              .word30 {
                z-index: 95;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block26 {
              z-index: 97;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 168px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 520px;
              top: 357px;
              .infoBox6 {
                z-index: 98;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
              }
            }
            .block27 {
              z-index: 100;
              position: absolute;
              left: 688px;
              top: 357px;
              width: 62px;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
            }
            .infoBox7 {
              z-index: 101;
              position: absolute;
              left: 708px;
              top: 382px;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
            }
            .block28 {
              z-index: 103;
              position: absolute;
              left: 40px;
              top: 475px;
              width: 710px;
              height: 1px;
              border: 1px solid rgba(235, 235, 235, 1);
            }
            .block29 {
              z-index: 106;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 160px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 152px;
              top: 476px;
              .info17 {
                z-index: 107;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block30 {
              z-index: 109;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 208px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 312px;
              top: 476px;
              .word31 {
                z-index: 110;
                width: 168px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 38px;
                text-align: center;
              }
            }
            .block31 {
              z-index: 112;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
              width: 168px;
              justify-content: center;
              align-items: center;
              position: absolute;
              left: 520px;
              top: 476px;
              .paragraph4 {
                z-index: 113;
                width: 128px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 24px;
                line-height: 30px;
                text-align: center;
              }
            }
            .block32 {
              z-index: 115;
              position: absolute;
              left: 688px;
              top: 476px;
              width: 62px;
              height: 118px;
              background-color: rgba(255, 255, 255, 1);
            }
            .paragraph5 {
              z-index: 116;
              position: absolute;
              left: 708px;
              top: 501px;
              width: 128px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 30px;
              text-align: center;
            }
            .block33 {
              z-index: 118;
              position: absolute;
              left: 40px;
              top: 594px;
              width: 710px;
              height: 1px;
              border: 1px solid rgba(235, 235, 235, 1);
            }
            .block34 {
              z-index: 128;
              position: absolute;
              left: 152px;
              top: 595px;
              width: 160px;
              height: 19px;
              background-color: rgba(255, 255, 255, 1);
            }
            .block35 {
              z-index: 130;
              position: absolute;
              left: 312px;
              top: 595px;
              width: 208px;
              height: 19px;
              background-color: rgba(255, 255, 255, 1);
            }
            .block36 {
              z-index: 132;
              position: absolute;
              left: 520px;
              top: 595px;
              width: 168px;
              height: 19px;
              background-color: rgba(255, 255, 255, 1);
            }
            .block37 {
              z-index: 134;
              position: absolute;
              left: 688px;
              top: 595px;
              width: 62px;
              height: 19px;
              background-color: rgba(255, 255, 255, 1);
            }
            .block38 {
              z-index: 124;
              position: absolute;
              left: 40px;
              top: 595px;
              width: 92px;
              height: 118px;
            }
          }
        }
      }
    }
  }
  .bd11 {
    z-index: 377;
    position: absolute;
    left: 30px;
    top: 1082px;
    width: 690px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0);
  }
}

</style>
